<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no," />
<link rel="shortcut icon" href="static/img/logo-compacto.png">
<title>NewLogic - Nuevas Ideas!</title>
<link type="text/css" rel="stylesheet" href="static/css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="static/css/bootstrap-theme.min.css">
<link type="text/css" rel="stylesheet" href="static/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="static/css/styles.css">
</head>

<body data-twttr-rendered="true">

	<div class="wrapper">
    	<section id="home" class="clearfix">
        
            <header class="navbar navbar-fixed-top bs-docs-nav" id="top" role="banner">
                <div class="container">
                    <div class="navbar-header">
                        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                            <span class="fa fa-bars"></span>
                        </button>
                        <a href="./" class="navbar-brand nav_logo goTo"></a>
                    </div>
                    
                    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">                        
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#services" class="goTo">Nuestros servicios</a></li>
                            <li><a href="#proyects" class="goTo">Nuestro trabajo</a></li>
                            <li><a href="#about" class="goTo">¿Quiénes somos?</a></li>
                            <li><a href="#contact" class="goTo">Contacto</a></li>
                        </ul>
                    </nav>
                    
                </div>
            </header>
            
            <h1 class="hidden">NewLogic servicios</h1>
            <figure class="logo_bg">
            	<img src="static/img/logo.png" alt="NewLogic, nuevas idéas"/>
            </figure>
            <h2>NewLogic, Nuevas ideas</h2>
            
            <a href="#services" class="keep_going goTo"><p>¿Quieres saber más?</p> <span class="fa fa-2x fa-caret-down"></span></a>
            
        </section>
        
        <section class="green_bg clearfix" id="services">
        	<div class="container">
                <h1>Nuestro Servicios</h1>
                <h2>Somos una empresa dedicada a llevar soluciones informáticas integrales a MIPYMES</h2>
                <p>Nuestro objetivo es proveer un servicio de calidad en lo que respecta a soluciones informáticas integrales, atendiendo principalmente las áreas de desarrollo y mantención de software a medida, mantención de instalaciones informáticas, instalación de infraestructura de redes, inteligencia de negocio (BI), o una porción de las áreas mencionadas., basándonos en alianzas estratégicas y nuestra propia red de contactos profesionales del rubro del área informática.</p>
                
                <div class="clearfix mini_container">
                	<div class="col-sm-3 feature_panel">
                    	<figure class="fa fa-5x fa-lightbulb-o"></figure>
                        <h3>Invesigación</h3>
                        <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.</p>
                    </div>
                    
                	<div class="col-sm-3 feature_panel">
                    	<figure class="fa fa-5x fa-magic"></figure>
                        <h3>Diseño</h3>
                        <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.</p>
                    </div>
                	
                    <div class="col-sm-3 feature_panel">
                    	<figure class="fa fa-5x fa-gears"></figure>
                        <h3>Desarrollo</h3>
                        <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.</p>
                    </div>
                    
                	<div class="col-sm-3 feature_panel">
                    	<figure class="fa fa-5x fa-rocket"></figure>
                        <h3>Instalación</h3>
                        <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.</p>
                    </div>
                    
                </div>
                
            </div>	
        </section>
        
        <section class="clearfix" id="vision">
        	<div class="container">
            	<figure class="fa fa-3x fa-line-chart rounded_icon"></figure>
                <h2>Entendemos tus necesidades y actualizamos tu negocio</h2>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
            </div>	
        </section>
        
        
        
        <section class="red_bg clearfix" id="proyects">
        	<div class="container">
                <h1>Nuestro trabajo</h1>
                <h2>Trabajamos con metodologías ágiles y novedosas</h2>
                <p>Primero buscamos proyectos en el sector de las MIPYME, luego cuando encontramos una oportunidad de negocio evaluamos y buscamos en nuestra red de contactos los profesionales más idóneos para el proyecto y así comenzar la implementación de este. Durante la presente fase nos mantenemos constantemente haciendo seguimiento de la calidad del proyecto y de las relaciones entre el cliente y nuestro profesional. Finalmente evaluamos la calidad del servicio con nuestro cliente y por otro lado la calidad de trabajo desde la visión de nuestro profesional. Esto último para poder realizar una mejora continua de nuestros procesos internos y de implementación de proyectos.</p>
            </div>	
        </section>
        
        
        
        <section class="purple clearfix" id="aliance">
        	<div class="container">
            	<figure class="fa fa-3x fa-link rounded_icon"></figure>
                <h2>Alianzas estratégicas</h2>
                <p>Mantenemos alianza con diversos sectores, ¿Quieres formar parte de nuestra red?.</p>
                <!--
                <div class="clearfix text-center">
                	<a href="#">
                    	<figure></figure>
                        <p>Nombre de la empresa</p>
                    </a> 
                </div>
                -->
            </div>	
        </section>
        
        
        <section class="blue_bg clearfix" id="about">
        	<div class="container">
                <h1>¿Quiénes somos?</h1>
                <h2>NewLogic nace como un equipo capaz, joven e innovador</h2>
                <p>Nuestro equipo está compuesto por 4 jovenes emprendedores con variada experiencia en el mercado de la informática que un día decidieron comenzar a andar por la senda del emprendimiento llena de sorpresas, aventuras, desventuras y éxitos.</p>
                
                <div class="meet_us">
                	<p>Conoce a nuestro equipo</p>
                </div>
                
                <div class="clearfix mini_container">
                
                	<div class="col-sm-3 feature_panel">
                    	<figure><img src="static/img/profile.jpg" class="img-responsive" alt="Perfil de Cristian Castro"/></figure>
                        <h3>Cristian <br>Castro</h3>
                        <h4>Gerente de ventas</h4>
                        <h4>Co-fundador</h4>
                        <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.</p>
                    </div>
                    
                	<div class="col-sm-3 feature_panel">
                    	<figure><img src="static/img/profile.jpg" class="img-responsive" alt="Perfil de Ramón Labbé"/></figure>
                        <h3>Ramón <br>Labbé</h3>
                        <h4>Gerente general</h4>
                        <h4>Co-fundador</h4>
                        <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.</p>
                    </div>
                	
                    <div class="col-sm-3 feature_panel">
                    	<figure><img src="static/img/profile.jpg" class="img-responsive" alt="Perfil de Guillermo Sepúlveda"/></figure>
                        <h3>Guillermo <br>Sepúlveda</h3>
                        <h4>Gerente de marketing</h4>
                        <h4>Co-fundador</h4>
                        <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.</p>
                    </div>
                    
                	<div class="col-sm-3 feature_panel">
                    	<figure><img src="static/img/profile.jpg" class="img-responsive" alt="Perfil de Waldo Péndola"/></figure>
                        <h3>Waldo <br>Péndola</h3>
                        <h4>Gerente de Operaciones</h4>
                        <h4>Co-fundador</h4>
                        <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.</p>
                    </div>
                    
                </div>
                
            </div>	
        </section>
        
        
        <section class="clearfix" id="contact">
        	<div class="container">
                <h1>Contacto</h1>
                <p>Si quieres saber más sobre nuestros servicios o quieres formar parte de nuestro equipo, no dudes en contactarnos.</p>
                <?php
                    include "sendMail.php";
                ?>
                <h5 class="text-center">Si quiere saber más sobre nosotros, puedes seguirnos en</h5>
                <div class="clearfix">
                	<a href="https://www.facebook.com/nlogic.cl" class="fa fa-2x fa-facebook rounded_icon"></a>
                	<a href="https://twitter.com/NewLogic_It" class="fa fa-2x fa-twitter rounded_icon"></a>
                	<a href="#" class="fa fa-2x fa-linkedin rounded_icon"></a>
                </div>
                <address class="text-center">&#169;NewLogic 2014</address>
            </div>	
        </section>
    
    </div>


<script type="text/javascript" src="static/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="static/js/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="static/js/init.js"></script>

</body>
</html>
